<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		.pay_list_c1 {
		width: 24px;
		height: 18px;
		float: left;
		padding-top: 3px;
		cursor: pointer;
		text-align: center;
		margin-right: 10px;
		background-image: url(../../images/inputradio.gif);
		background-repeat: no-repeat;
		background-position: -24px 0;
		}
		.radioclass {
		opacity: 0;
		cursor: pointer;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		}
		.on {
		background-position: 0 0;
		}


		.piaochecked {
		width: 20px;
		height: 20px;
		float: left;
		cursor: pointer;
		margin-left: 10px;
		text-align: center;
		background-image: url(../../images/checkbox_01.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		}

		.on_check {
		background-position: 0 -21px;
		}
		.radioclass {
		opacity: 0;
		cursor: pointer;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		}

	</style>
</head>
<body>
	<span class="pay_list_c1 on">
	<input type="radio" checked="checked" name="paylist" value="1" class="radioclass">
	</span>

	<div class="piaochecked on_check">
	    <input name="need_inv" type="checkbox" style="height:20px;width:20px;" class="radioclass input" value="1">
	  </div>
</body>
</html>